<!-- eslint-disable vue/v-on-event-hyphenation -->
<template>
  <NstdMonitMenu
      :data="nstdMonitMenu1Data"
      font-size="20px"
      color="#fff"
      theme-color="rgba(4, 34, 104, 1)"
      mode="horizontal"
      class="nstd-monit-menu_1"
      @menu-click="handleMenuClick"
  >
  </NstdMonitMenu>
</template>

<script setup>

let nstdMonitMenu1Data = ref([
  {
    value: '1',
    label: 'Level one 1',
    children: [
      {
        value: '1-1',
        label: 'Level two 1-1',
        children: [
          {
            value: '1-1-1',
            label: 'Level three 1-1-1',
            children: [
              { value: '41', label: '编制' },
              { value: '42', label: '审批' },
              { value: '43', label: '查看' }
            ]
          }
        ]
      }
    ]
  }
]);
function handleMenuClick(item) {
  console.log(item, 'item');
}
</script>
